<template>
	<view class="page_box">
		<view class="head_box ">
			<yy-custom bgColor="" v-if="0">
				<block slot="backText">返回</block>
				<block slot="content">个人中心</block>
			</yy-custom>
		</view>

		<view class="content_box padding ">
			<block v-for="(item, index) in 6" :key="index">
				<view class="padding bg-white r10 mb20">
					<view class="flex justify-between">
						<text class="f32 text-blue text-black">舞蹈专业(1班)</text>
						<button
							class="cu-btn w114 h50 toll text-white r25 flex align-center justify-center"
							@click="show = !show"
						>
							收费
						</button>
					</view>
					<view class="mt30 flex ">
						<view class="flex f-1">
							<image src="../../static/banji1.png" mode="aspectFill" class="w40 h40"></image>
							<view class="flex flex-direction ml20">
								<text class="f28 text-black">班级人数</text>
								<text class="f24 text-grey mt30">33人</text>
							</view>
						</view>
						<view class="flex f-1">
							<image src="../../static/banji1.png" mode="aspectFill" class="w40 h40"></image>
							<view class="flex flex-direction ml20">
								<text class="f28 text-black">隶属机构</text>
								<text class="f24 text-grey mt30">川艺联盟教育培训学校</text>
							</view>
						</view>
					</view>
					<text class="mt30 f26 text-gray block" @click="$t.to('/pages/personalCtr/clasMembers')">查看班级成员></text>
				</view>
			</block>
		</view>
		<u-popup v-model="show" mode="center" border-radius="30">
			<view class="w520 ">
				<view class="bgimg bg-img h108 flex align-center justify-center">
					<text class="f28 text-bold text-white">舞蹈专业(1班)</text>
				</view>
				<view class="flex flex-direction justify-around align-center">
					<view class="w440 h70 r10 inp mt40 flex align-center padding-lr">
						<input type="text" value="" placeholder="请输入收费说明，20字以内" placeholder-class="ddd" />
					</view>
					<view class="w440 h70 r10 inp mt40 flex align-center padding-lr">
						<text class="text-price text-yellow text-bold mr20"></text>
						<input type="number" value="" placeholder="输入金额" placeholder-class="ddd" />
					</view>
					<button class="cu-btn btn flex justify-center align-center mt40 mb40">发起收费</button>
				</view>
			</view>
		</u-popup>
		<!-- 登录提示 -->
		<yy-login v-if="false"></yy-login>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	data() {
		return {
			show: false
		};
	},
	onShow() {},
	onLoad(e) {},
	methods: {}
};
</script>

<style lang="scss" scoped>
.page_box {
	background-color: #faf9f7;
	height: calc(100vh - 45px);
	overflow: auto;
	.head_box {
	}
	
	.content_box {
		.toll {
			background: #f07203;
			white-space: nowrap;
		}
		
	}
	.bgimg {
		background-image: url(https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/asdf.png);
	}
	input,.ddd {
		width: 100%;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		
	}
	
	.inp {
		background: #F7F7F7;
	}
	.btn {
		width: 210rpx;
		height: 72rpx;
		border: 1rpx solid #F07203;
		border-radius: 36rpx;
		background: #FFFFFF;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #F07203;
		line-height: 40rpx;
	}
}
</style>
